<!DOCTYPE html>
<html lang="en" ng-app="smartOlwApp">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Instituciones</title>
		<link rel="stylesheet" type="text/css" href="../../css/smart_icons_styles.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_menu.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_general.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_tabladatos.css">
	  	
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog.css">
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-default.css">
		<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-plain.css">
	  	
        <!-- Importarmos angular JS -->
        <script src="../../js/jquery/jquery-1.8.3.min.js"></script>
    	<script type="text/javascript" src="../../js/main/template.js"></script>
    	<script src="../../js/angular-1.4.7/angular.min.js"></script>
    	<script src="../../js/ngdialog-0.2.3/ngDialog.min.js"></script> 
    	
    	<!-- importar script para las funciones del formulario -->
    	<script type="text/javascript" src="../smart_maestros/script/maestro_app.js"></script>
		<script type="text/javascript" src="../smart_maestros/script/maestro_service.js"></script>
		<script type="text/javascript" src="script/instituciones_controller.js"></script>
		
</head>
<body ng-controller="institucionesCtrl">
		<div class="col-md-10" id="frame">
		<div class="panel panel-primary ng-scope">
   
		    <div class="panel-heading">Instituciones
		 	<a href="#"><span class="img"><img src="../../imagene/eliminar.png" style="float:right;"  ng-click="eliminar(instituciones)" title = "Eliminar instituciones"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/limpiar.png" style="float:right;"   ng-click="limpiar(instituciones)" title= "Limpiar"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/consultar.png" style="float:right;" ng-click="consultar(instituciones)" title= "Consultar instituciones"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/guardar.png" style="float:right;"   ng-click="grabar(instituciones)" title= "Guardar instituciones"></span></a>
		  </div>
		  <div class="panel-body">
		   <input id="scinstituciones" type="text" class="texto" ng-model="instituciones.scinstituciones" style = "display:none;">
               
                <div class = "alert alert-danger alert-dismissable" id="messageBox">
                	<h4>{{titulo_mensajes}}</h4> {{descripcion_mensajes}}
                	<a href="#"><span class="imagen"><img src="../../imagene/bombilla-incandescente32.png"  ng-click="showModal()"></span></a>
				</div>
					<div class="col-md-10 panel panel-primary ng-scope"  style="height: 400px;">
						<table  style="width:100%; vertical-align: middle;">
							<tr  style = "vertical-align: middle;">
								<td width="25%" height="100%">
									<label>País*</label><br/>
									<select id="scpais" class="seleccion" ng-model="scpais" ng-options="option.scpais as option.dspais for option in paises" ng-change="cargarDepartamentos()">
									</select>
								</td>	
								<td width="25%" height="100%">
									<label class="" >Departamento*</label><br/>	
									<select id="dsdepartamento" class="seleccion" ng-model="dsdepartamento" ng-options="option.scdepartamento as option.dsdepartamento for option in departamentos" ng-change="cargarCiudades()">
									</select>
								</td>
								
								<td width="25%" height="100%">
									<label class="" >Ciudad*</label><br/>	
									<select id="scciudad" class="seleccion" ng-model="institucion.ciudaddto" ng-options="option.scciudad as option.dsciudad for option in ciudades" ng-change="cargarNucleos()">
									</select>
								</td>
								<td width="25%" height="100%">
									<label class="" >Núcleo Educativo*</label><br/>	
									<select id="dsnucleo" class="seleccion" ng-model="institucion.nucleoeducativodto" ng-options="option.scnucleoeducativo as option.dsnucleoeducativo for option in nucleos">
									</select>
								</td>
								
							</tr>							
							<tr>
								<td>
									<label class="" for="Nit">Nit*</label><br/>		
									<input id="nit" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo departamento" class="texto" ng-model="instituciones.conit">
								</td>
									
								<td>
									<label class="" for="Codigo Dane">Código Dane*</label>	
									<input id="codigodane" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo dane" class="texto" ng-model="instituciones.codane">
								</td>
								<td width="25%" height="100%">
									<label class="" >Nombre Oficial*</label><br/>	
									<input id="dsnomoficial" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo dane" class="texto" ng-model="instituciones.codane">
								</td>
								<td>
									<label class="" >Calendario*</label><br/>	
									<select id="calendario" class="seleccion" ng-model="instituciones.dscalendario" ng-options="option.copais as option.dspais for option in paises" ng-change="listarDepartamentos()">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>
								</tr>
								<tr>
								<td>
									<label class="" >Sector*</label><br/>	
									<select id="sector" class="seleccion" ng-model="instituciones.dssector" ng-options="option.copais as option.dspais for option in paises" ng-change="listarDepartamentos()">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>
								<td>
									<label class="" >Tipo Zona*</label><br/>	
									<select id="zona" class="seleccion" ng-model="instituciones.dszona" ng-options="option.copais as option.dspais for option in paises" ng-change="listarDepartamentos()">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>
								<td>
									<label class="" >Tipo Ubicación*</label><br/>	
									<select id="dsubicacion" class="seleccion" ng-model="instituciones.dszona" ng-options="option.copais as option.dspais for option in paises" ng-change="listarDepartamentos()">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>
								<td>
									<label class="" for="Direccion*">Código*</label>	
									<input id="dscodigo" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo departamento" class="texto" ng-model="instituciones.dsdireccion">
								</td>
								
							</tr>
							<tr>
								<td>
									<label class="" for="Sitio Web*">Sitio Web*</label>	
									<input id="sitioweb" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo departamento" class="texto" ng-model="instituciones.dssitioweb">
								</td>
								<td>
									<label class="" for="Telefono 1">Telefono*</label><br/>		
									<input id="telefono1" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo departamento" class="texto" ng-model="instituciones.dstelefono1">
								</td>	
								<td>
									<label class="" for="Telefono 1">Celular*</label><br/>		
									<input id="dscelular" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo departamento" class="texto" ng-model="instituciones.dstelefono1">
								</td>	
								<td>
									<label class="" for="Email*">Email*</label><br/>		
									<input id="email" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo departamento" class="texto" ng-model="instituciones.dsemail">
								</td>
							</tr>
							<tr>
								<td>
									<label class="" for="Direccion*">Direccion*</label>	
									<input id="direccion" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo departamento" class="texto" ng-model="instituciones.dsdireccion">
								</td>
								
							</tr>
							
						</table>
					</div>
					<div class="container">				
					<table class = "tabledatos">
							<thead>
								<tr>
								  	<th style="width: 150px;" scope="col" >País</th>
									<th style="width: 250px;" scope="col" >Departamento</th>
									<th style="width: 250px;" scope="col" >Ciudad</th>
									<th style="width: 250px;" scope="col" >Nucleo Educativo</th>
									<th style="width: 150px;" scope="col" >Nit</th>
									<th style="width: 250px;" scope="col" >Codigo Dane</th>
									<th style="width: 250px;" scope="col" >Nombre oficial</th>
									<th style="width: 150px;" scope="col" >Calendario</th>
									<th style="width: 250px;" scope="col" >Sector</th>
									<th style="width: 250px;" scope="col" >Tipo zona</th>
									<th style="width: 250px;" scope="col" >Tipo Ubicación</th>
									<th style="width: 250px;" scope="col" >Codigo</th>
									<th style="width: 150px;" scope="col" >Sitio Web</th>
									<th style="width: 250px;" scope="col" >Telefono</th>
									<th style="width: 250px;" scope="col" >Celular</th>
									<th style="width: 250px;" scope="col" >Email</th>
									<th style="width: 150px;" scope="col" >Direccion</th>
									<th style="width: 50px;" scope="col" >Acción</th>
								</tr>
							</thead>
							<tbody class="tbody">
							
								<tr ng-show="instituciones.length == 0">
									<th colspan="5" style="text-align:center;">
										No se encontraron instituciones a seleccionar
									</th>
								</tr>
							
								<tr ng-repeat="d in instituciones | orderBy : 'dsinstituciones'">

									    <td style = "display:none;">
										  {{d.scdepartamento}}
										</td>
										<td style="width: 150px;">
										  {{d.dspais}}
										</td>
										<td style="width: 350px;">
										  {{d.dsdepartamento}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsdsciudad}}
										</td>
											<td style="width: 150px;">
										  {{d.dsnombreoficio}}
										</td>
										<td style="width: 350px;">
										  {{d.conit}}
										</td>		
										<td style="width: 250px;">
										  {{d.codane}}
										</td>
											<td style="width: 150px;">
										  {{d.dszona}}
										</td>
										<td style="width: 350px;">
										  {{d.dscalendario}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsjornada}}
										</td>
										<td style="width: 250px;">
										  {{d.dssector}}
										</td>
											<td style="width: 150px;">
										  {{d.dsdireccion}}
										</td>
										<td style="width: 350px;">
										  {{d.dssitioweb}}
										</td>		
										<td style="width: 250px;">
										  {{d.dstelefono1}}
										</td>
										<td style="width: 250px;">
										  {{d.dsemail}}
										</td>
										<td class="botonera-table" style="width: 50px;">
										<a href="#"><span class="img"><img src="../../imagene/verifique-signo24.png" style="float:center;" ng-click="seleccionar(d)" title ="Editar"></span></a>
										</td>						
								</tr>
							</tbody>
						</table>
						</div>

  
  </div>
</div> 
</div>
</body>
</html>